@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color: #9a9898;
	font-size: 14px;
}
/* 1.网页头部：设置宽高 100% 高 47px 边框*/
header{
	width: 100%;
	height: 47px;
	bor der: 1px solid red;
	background-color: #333333;
}
/* 2.网页中控：显示主体内容，占主体、页尾中控,水平居中 */
div#wrapper{
	width: 1841px;
	height: 47px;/*考虑：主体、页尾占宽度+高度*/
	background-color: #333333;
	/* 居中 */
	margin: 0 auto;
}
/*3.网页中控区：左侧部分*/
div#wrapper div.left{
	width: 976px;
	height: 47px;
	background-color: #333333;
	float: left;
}
/*3.1左侧部分：布局：浮动、设置高*/
div#wrapper div.left ul li{
	bo rder: 1px solid red;
	float: left;
	height: 47px;
	
	
}

/* 3.2左侧部分 li a垂直居中 */
div#wrapper div.left ul li a{
	border-right: 2px solid #424242;
	line-height: 47px;
	padding: 5px;
}
/* 3.3左侧部分：最后一个竖边拿下 */
div#wrapper div.left ul li a.fix{
	border: none;
}
div#wrapper div.left ul li a:hover{
	color: #fff;
}

/*4.网页中控区：右侧部分*/
div#wrapper div.right{
	width: 564px;
	height: 47px;
	background-color: #333333;
	float: right;
}
/* 4.1右侧浮动：右浮动 */
div#wrapper div.right ul li{
	float: right;
	height: 47px;
}
div#wrapper div.right ul li i.shop{
	bor der: 1px solid red;
	padding: 0 10px;
	background: url(../img/buy.png) no-repeat;
	position: relative;
	top:3px;
}

div#wrapper div.right ul li a{
	border-right: 2px solid #424242;
	line-height: 47px;
	padding: 5px;
}
div#wrapper div.right ul li a.fix1{
	border: none;
}/* 购物车背景颜色 */
div#wrapper div.right ul li.one{
	bord er: 1px solid #ababab;
	background-color: #424242;
	
}
/* 4.3购物车悬停效果：三个地方改变：背景改
                                 背景改同时改变超链接
								 背景改同时改精灵图
 
 */
div#wrapper div.right ul li a:hover{
	color: #fff;
}
div#wrapper div.right ul li.one{
	bord er: 1px solid red;
	position: relative;/*勾点位*/
}
div#wrapper div.right div.ww{
	bord er: 1px solid red;
	width: 480px;
	height: 115px;
	top: 48px;
	left: 1377px;
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 999;
}
div#wrapper div.right div.ww p{
	text-align: center;
	line-height: 102px;
}
div#wrapper div.right ul li.one:hover a.fix1{
	color: #ffaa00;
	background-color: #fff;
}
div#wrapper div.right ul li.one:hover i.shop{
	background: url(../img/buy01.png) no-repeat;
	
}

div#wrapper div.right ul li.one:hover{
	background-color: #fff;
}

